<template>
			<div @click="son_click" class="item">{{lyric_obj.item}}</div>
			<!-- <div class="lyric_item" v-for="(item, index) in lyric_info.lyric_divided" :key="index">{{index}}</div> -->
</template>

<script>
	export default {
		props:{
			lyric_obj:Object,
			index:Number,
		},
		mounted() {
			// this.$refs.lyric.addEventListener("touchmove", (e) => {
			// 	console.log(e.changedTouches[0].pageY,'clientY');
			// 	this.$emit('touchmove',e.changedTouches[0].clientY);
			// })
		},
		methods:{
			son_click(){
				this.$emit('click_lyric', this.index);

		}
	},
	}
</script>

<style lang="scss" scoped>
	.item{
		width: 100%;
		height: 20px;
	}
</style>